<template>
	<div class="breedinglistbox">
		<div class="flsb daybox fsize264">
			<div class="daytxt">日期</div>
			<picker mode="date"  @change="bindDateChange">
				<div class="datechoose" >
					<span class="datetxt">
					{{nowday}}
					</span>
					<image src="../../../static/details/goto.png" class="img32" mode=""></image>
				</div>
			</picker>
		</div>
		<div class="breedinglist">

			<div class="breedinglistitem">
					<div class="delete fsize28l">删除</div>
					<div class="breedingli">
						<span class='fsize28l'>流水号：</span><span class='fsize285'>#111</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>耳号：</span><span class='fsize285'>#186</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>精量液：</span><span class='fsize285'>200ml</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>采集时间：</span><span class='fsize285'>2020-03-31</span>
					</div>
					<div class="checkmore fsize28w" @click = 'gotosidetrack'>
						查看详情
					</div>
			</div>
		</div>

		
		
		
	</div>


</template>

<script>
	export default {
		data() {
			return {
				hour: 10,
				minute: 50,
				second: 32,
				nowday:'2020-05-18',
				dateshow:false,
			};
		},
		onLoad: function() {

		},
		methods: {
			gotosidetrack(e) {
				uni.navigateTo({
					url: '../sidetrack/sidetrack'
				});
			},
			bindDateChange(e) {
				this.nowday = e.target.value
			},

		}
	}
</script>

<style lang="less">
	.daybox {
		padding: 0 32rpx;
		line-height: 112rpx;
		.datechoose {
			display: flex;
			align-items:center;
		}
	}
	
	.breedinglist {
		padding: 0 32rpx;
		.breedinglistitem {
			margin-top: 38rpx;
			padding: 24rpx;
			box-shadow:0px 4px 24px 0px rgba(0,0,0,0.12);
			border-radius:12px;
			position: relative;
			.delete {
				text-align: end;
			}
			.checkmore {
				width:174rpx;
				height:72rpx;
				background:rgba(24,108,242,1);
				border-radius:12rpx;
				border:2rpx solid rgba(24,108,242,1);
				line-height: 76rpx;
				text-align: center;
				position: absolute;
				bottom: 24rpx;
				right: 24rpx;
			}
		}
	}
	
	
</style>
